import PropTypes from 'prop-types';

const WooCommerceLogo = ( { height = 18, width = 97 } ) => {
	return (
		<svg
			version="1.1"
			id="Layer_1"
			xmlns="http://www.w3.org/2000/svg"
			xmlnsXlink="http://www.w3.org/1999/xlink"
			x="0px"
			y="0px"
			viewBox="0 0 509.4 47.5"
			className="woocommerce-logo"
			height={ height }
			width={ width }
			xmlSpace="preserve"
		>
			<style type="text/css">
				{ `
				.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#873EFF;}
				.st1{fill-rule:evenodd;clip-rule:evenodd;}
				.st2{fill:#873EFF;}
				.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
				.st4{fill:#FFFFFF;}
			` }
			</style>
			<g>
				<path
					d="M202,44.6c3.6,2,7.7,3,12.2,3c3,0,5.7-0.4,8.1-1.3c2.3-0.9,4.4-2.1,6.1-3.6c1.7-1.5,3.2-3.3,4.5-5.2l-6.5-3.4
		c-1.2,2-2.9,3.7-5,4.9c-2.2,1.2-4.6,1.8-7.3,1.8c-2.9,0-5.5-0.7-7.9-2.1c-2.3-1.4-4.2-3.4-5.6-6c-1.4-2.6-2.1-5.5-2.1-8.8
		s0.7-6.2,2-8.8c1.4-2.6,3.2-4.5,5.6-5.9c2.4-1.4,5-2.1,7.9-2.1c2.8,0,5.2,0.6,7.4,1.9c2.2,1.2,3.8,2.8,5,4.8l6.5-3.4
		c-1.2-1.9-2.7-3.7-4.5-5.2c-1.7-1.5-3.7-2.7-6.1-3.6c-2.3-0.9-5-1.4-8.1-1.4c-4.5,0-8.5,1-12.1,3c-3.6,1.9-6.5,4.7-8.5,8.3
		c-2.1,3.6-3.1,7.7-3.1,12.5c0,4.7,1,8.8,3.1,12.5C195.5,39.8,198.4,42.6,202,44.6z"
				/>
				<path
					class="st1"
					d="M252.7,47.5c-3.4,0-6.4-0.8-9-2.3s-4.6-3.7-6-6.3c-1.4-2.7-2.1-5.6-2.1-8.8c0-3.2,0.7-6.1,2.1-8.8
		c1.4-2.7,3.4-4.8,6-6.3c2.6-1.6,5.6-2.3,9-2.3c3.4,0,6.4,0.8,9,2.3c2.6,1.6,4.6,3.7,6,6.3c1.4,2.6,2.1,5.5,2.1,8.8
		c0,3.2-0.7,6.2-2.1,8.8c-1.4,2.7-3.4,4.8-6,6.3C259.1,46.7,256.1,47.5,252.7,47.5z M252.7,41.4c2,0,3.8-0.5,5.2-1.5
		c1.5-1.1,2.7-2.4,3.4-4.1c0.8-1.7,1.2-3.7,1.2-5.7c0-2-0.4-3.9-1.2-5.6c-0.8-1.7-1.9-3.1-3.4-4.1c-1.5-1.1-3.2-1.6-5.2-1.6
		c-2,0-3.8,0.5-5.2,1.6c-1.5,1-2.6,2.4-3.4,4.1c-0.8,1.7-1.2,3.6-1.2,5.6c0,2.1,0.4,4,1.2,5.7c0.8,1.7,1.9,3.1,3.4,4.1
		C249,40.9,250.7,41.4,252.7,41.4z"
				/>
				<path
					d="M314.6,20.4c0.9,1.1,1.4,2.6,1.4,4.5v21.8h6.9V22.6c0-2.1-0.3-3.9-1-5.4c-0.7-1.5-1.7-2.7-3.1-3.4c-1.3-0.8-3-1.2-5-1.2
		c-2.8,0-5.2,0.7-7.4,2.1c-1.9,1.2-3.3,2.6-4.3,4.2c-0.2-0.6-0.4-1.1-0.7-1.6c-0.7-1.5-1.7-2.6-3.1-3.4c-1.4-0.8-3.1-1.2-5-1.2
		c-1.8,0-3.6,0.3-5.2,1c-1.6,0.6-2.9,1.4-4,2.3c-0.8,0.7-1.5,1.4-1.9,2v-4.6h-7v33.3h7V23.3l0.1-0.1c0.9-1.2,2.1-2.3,3.4-3.2
		c1.4-0.9,2.9-1.3,4.5-1.3c1.8,0,3.1,0.6,4,1.7c0.9,1.1,1.4,2.6,1.4,4.5v21.8h7V23.2c0.9-1.2,2-2.3,3.4-3.2c1.4-0.9,3-1.3,4.6-1.3
		C312.4,18.7,313.7,19.3,314.6,20.4z"
				/>
				<path
					d="M371.7,24.8c0-1.9-0.5-3.4-1.4-4.5c-0.9-1.1-2.2-1.7-4-1.7c-1.7,0-3.2,0.4-4.6,1.3c-1.4,0.9-2.6,1.9-3.4,3.2v23.5h-7V24.8
		c0-1.9-0.5-3.4-1.4-4.5c-0.9-1.1-2.2-1.7-4-1.7c-1.6,0-3.1,0.4-4.5,1.3c-1.4,0.9-2.5,1.9-3.4,3.2l-0.1,0.1v23.4h-7V13.4h7V18
		c0.4-0.6,1-1.3,1.9-2c1.1-0.9,2.4-1.7,4-2.3c1.6-0.7,3.3-1,5.2-1c2,0,3.7,0.4,5,1.2c1.4,0.8,2.4,1.9,3.1,3.4c0.3,0.5,0.5,1,0.7,1.6
		c1-1.6,2.4-3,4.3-4.2c2.2-1.4,4.7-2.1,7.4-2.1c2,0,3.6,0.4,5,1.2c1.4,0.8,2.4,1.9,3.1,3.4c0.7,1.5,1,3.3,1,5.4v24.1h-6.9V24.8z"
				/>
				<path
					class="st1"
					d="M393.1,45.4c2.7,1.4,5.7,2.1,9,2.1c2.6,0,5.1-0.4,7.4-1.2c2.3-0.8,4.3-2,6-3.7l-3.2-4.5
		c-1.2,1.2-2.7,2.1-4.4,2.8c-1.7,0.6-3.4,1-5.2,1c-2.4,0-4.4-0.5-6.1-1.6c-1.7-1.1-2.9-2.5-3.7-4.2c-0.6-1.2-0.9-2.4-1.1-3.7h25.9
		v-1.7c0-3.4-0.7-6.5-2-9.2c-1.3-2.8-3.2-4.9-5.7-6.5c-2.5-1.6-5.3-2.3-8.5-2.3c-3.2,0-6.1,0.8-8.7,2.3c-2.6,1.6-4.6,3.7-6.1,6.3
		c-1.4,2.6-2.1,5.5-2.1,8.8c0,3.4,0.8,6.5,2.3,9.2C388.5,41.8,390.5,43.9,393.1,45.4z M391.9,27.4c0.1-1.2,0.4-2.3,0.8-3.3
		c0.6-1.7,1.7-3.1,3.2-4.2c1.5-1.1,3.3-1.7,5.6-1.7c2.4,0,4.3,0.6,5.7,1.7c1.5,1.1,2.5,2.4,3.1,4c0.4,1.2,0.7,2.3,0.8,3.5H391.9z"
				/>
				<path
					d="M451.7,45.3c2.6,1.5,5.6,2.2,8.9,2.2c3,0,5.5-0.5,7.6-1.6c2.1-1.1,3.8-2.5,5.1-4.3l-4.5-4.2c-1,1.3-2.1,2.3-3.4,3
		c-1.3,0.6-2.7,1-4.3,1c-2,0-3.8-0.5-5.4-1.4c-1.6-1-2.8-2.3-3.6-4c-0.8-1.7-1.2-3.7-1.2-5.9c0-2.2,0.4-4.2,1.2-5.9
		c0.8-1.7,2-3,3.6-4c1.6-1,3.4-1.4,5.4-1.4c1.6,0,3.1,0.3,4.3,1c1.3,0.6,2.5,1.7,3.4,3l4.5-4.2c-1.3-1.8-3-3.2-5.1-4.3
		c-2.1-1.1-4.6-1.7-7.6-1.7c-3.3,0-6.3,0.8-8.9,2.3c-2.6,1.5-4.6,3.5-6.1,6.2c-1.5,2.7-2.2,5.7-2.2,9c0,3.4,0.7,6.4,2.2,9
		C447.1,41.7,449.1,43.8,451.7,45.3z"
				/>
				<path
					class="st1"
					d="M484.8,45.4c2.7,1.4,5.7,2.1,9,2.1c2.6,0,5.1-0.4,7.4-1.2c2.3-0.8,4.3-2,6-3.7l-3.2-4.5
		c-1.2,1.2-2.7,2.1-4.4,2.8c-1.7,0.6-3.4,1-5.2,1c-2.4,0-4.4-0.5-6.1-1.6s-2.9-2.5-3.7-4.2c-0.6-1.2-0.9-2.4-1.1-3.7h25.9v-1.7
		c0-3.4-0.7-6.5-2-9.2c-1.3-2.8-3.2-4.9-5.7-6.5c-2.5-1.6-5.3-2.3-8.5-2.3s-6.1,0.8-8.7,2.3c-2.6,1.6-4.6,3.7-6.1,6.3
		c-1.4,2.6-2.1,5.5-2.1,8.8c0,3.4,0.8,6.5,2.3,9.2C480.1,41.8,482.1,43.9,484.8,45.4z M483.5,27.4c0.1-1.2,0.4-2.3,0.8-3.3
		c0.6-1.7,1.7-3.1,3.2-4.2c1.5-1.1,3.3-1.7,5.6-1.7c2.4,0,4.3,0.6,5.7,1.7c1.5,1.1,2.5,2.4,3.1,4c0.4,1.2,0.7,2.3,0.8,3.5H483.5z"
				/>
				<path
					d="M423.8,46.7V13.4h7v4.9c0.7-0.9,1.5-1.7,2.4-2.4c1.2-1,2.5-1.8,3.9-2.3c1.5-0.6,3-0.9,4.5-0.9v6.9
		c-0.6-0.1-1.4-0.2-2.2-0.2c-1.1,0-2.3,0.3-3.7,0.8c-1.3,0.5-2.4,1.2-3.4,2c-0.7,0.5-1.2,1.1-1.5,1.6v22.9H423.8z"
				/>
				<path
					class="st2"
					d="M23.4,47.5c5.4,0,9.7-2.6,12.9-8.7l7.2-13.5v11.4c0,6.7,4.4,10.8,11.1,10.8c5.3,0,9.2-2.3,13-8.7l16.6-28
		C87.8,4.6,85.2,0,77.2,0c-4.3,0-7.1,1.4-9.6,6.1L56.2,27.5V8.4c0-5.7-2.7-8.5-7.7-8.5c-4,0-7.1,1.7-9.6,6.5L28.1,27.5V8.6
		c0-6.1-2.5-8.7-8.6-8.7H7.1C2.4,0,0,2.2,0,6.2c0,4,2.5,6.3,7.1,6.3h5.1v24.1C12.2,43.5,16.7,47.5,23.4,47.5z"
				/>
				<path
					class="st0"
					d="M108.4,0C94.9,0,84.5,10.1,84.5,23.8s10.4,23.7,23.9,23.7c13.5,0,23.8-10.1,23.9-23.7
		C132.3,10.1,121.9,0,108.4,0z M108.4,32.9c-5.1,0-8.6-3.8-8.6-9.1s3.5-9.2,8.6-9.2c5.1,0,8.6,3.9,8.6,9.2S113.6,32.9,108.4,32.9z"
				/>
				<path
					class="st0"
					d="M135.6,23.8C135.6,10.1,146,0,159.5,0c13.5,0,23.9,10.2,23.9,23.8c0,13.6-10.4,23.7-23.9,23.7
		C146,47.5,135.6,37.5,135.6,23.8z M151,23.8c0,5.3,3.4,9.1,8.5,9.1c5.1,0,8.6-3.8,8.6-9.1s-3.5-9.2-8.6-9.2S151,18.5,151,23.8z"
				/>
			</g>
		</svg>
	);
};

WooCommerceLogo.propTypes = {
	height: PropTypes.number,
	width: PropTypes.number,
};

export default WooCommerceLogo;
